<template>
  <div class="container page">
    <div class="row article-content">
      <div class="col-md-12">
        <p v-if="singleArticle.body" v-html="singleArticle.body"></p>
        <h2 id="introducing-ionic" v-else>{{singleArticle.description}}</h2>

        <ul class="tag-list">
          <li class="tag-default tag-pill tag-outline ng-binding ng-scope" v-for="(tag, index) in singleArticle.tagList" :key="index">
            {{tag}}
          </li>
        </ul>
      </div>
    </div>
    <hr />

    <!-- <div class="article-actions">
      <ArticleMeta :article="singleArticle"/>
    </div> -->

    <CommentList />
  </div>
</template>

<script>
import ArticleMeta from './ArticleMeta'
import CommentList from './CommentList'
export default {
  name:'',
  data () {
    return {
       
    };
  },
  props:{
    singleArticle:{
      type: Object,
      required: true
    },
  },
  components:{
    ArticleMeta,
    CommentList
  }
}

</script>
<style lang='less' scoped>
</style>